import React, { Component } from "react";
import { Select, Table } from "antd";
const { Option } = Select;
class AnalysisOfMaliciousDomainNameAccess extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    const columns = [
      {
        title: "FQDN",
        dataIndex: "name",
        key: "name",
      },
      {
        title: "趋势",
        dataIndex: "trend",
        key: "trend",
        render: () => <div className="main">--</div>,
      },
      {
        title: "点击",
        dataIndex: "hids",
        key: "hids",
      },
      {
        title: "来源",
        dataIndex: "sources",
        key: "sources",
      },
      {
        title: "风险",
        dataIndex: "risk",
        key: "risk",
      },
      {
        title: "最后发现时间",
        dataIndex: "time",
        key: "time",
      },
    ];
    const dataSource = [
      {
        key: "1",
        name: "www.baidu.com",
        hids: "18",
        sources: "1",
        risk: "5",
        time: "2021-07-08/10:30",
      },
      {
        key: "1",
        name: "www.qq.com",
        hids: "18",
        sources: "1",
        risk: "5",
        time: "2021-07-08/10:30",
      },
      {
        key: "1",
        name: "www.tengxun.com",
        hids: "18",
        sources: "1",
        risk: "5",
        time: "2021-07-08/10:30",
      },
    ];
    const columns1 = [
      {
        title: "FQDN",
        dataIndex: "name",
        key: "name",
      },
      {
        title: "趋势",
        dataIndex: "trend",
        key: "trend",
        render: () => <div className="main">--</div>,
      },
      {
        title: "点击",
        dataIndex: "hids",
        key: "hids",
      },
      {
        title: "来源",
        dataIndex: "sources",
        key: "sources",
      },
      {
        title: "风险",
        dataIndex: "risk",
        key: "risk",
      },
      {
        title: "最后发现时间",
        dataIndex: "time",
        key: "time",
      },
    ];
    const dataSource1 = [
      {
        key: "1",
        name: "www.baidu.com",
        hids: "18",
        sources: "1",
        risk: "5",
        time: "2021-07-08/10:30",
      },
      {
        key: "2",
        name: "www.163.com",
        hids: "18",
        sources: "1",
        risk: "5",
        time: "2021-07-08/10:30",
      },
    ];
    return (
      <div>
        <div style={{ margin: "15px" }}>
          <div style={{ margin: "5px 0", fontSize: "20px" }}>终端DNS分析</div>
          <div>时间范围</div>
          <div style={{ marginTop: "5px" }}>
            <Select style={{ width: "200px" }} defaultValue="最近一小时">
              <Option value="Home">一个小时</Option>
              <Option value="Company">三个小时</Option>
            </Select>
          </div>
          <div style={{ display: "flex", justifyContent: "space-around" }}>
            <Table
              dataSource={dataSource}
              columns={columns}
              style={{ width: "48%" }}
            />
            <Table
              dataSource={dataSource1}
              columns={columns1}
              style={{ width: "48%" }}
            />
          </div>
        </div>
      </div>
    );
  }
}

export default AnalysisOfMaliciousDomainNameAccess;
